<template>
	<view class="wrap">
		<u--textarea height="230" v-model="value" placeholder="在这里输入您的备注信息…" border="none"></u--textarea>
		<div class="bottom">
			<u-button type="primary" shape="circle" @click="getRemark" text="确认" color="#21B579"></u-button>
		</div>
	</view>
</template>

<script>
export default {
	data() {
		return {
			value:''
		};
	},
	onLoad(options){
			// console.log(options)
			if(options.remark){
				this.value = options.remark
			}
	},
	methods: {
		getRemark(){
			uni.navigateTo({
				url:`/pages/orderConfirm/orderConfirm?remark=${this.value}`
			})
		}
	}
};
</script>

<style scoped lang="scss">
.wrap {
	padding: 32rpx;
	font-size: 24rpx;
	padding-bottom: 160rpx;
	.bottom {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding: 32rpx;
		// background-color: #fff;
		position: fixed;
		bottom: 0rpx;
		left: 0;
		right: 0;
	}
}
</style>
